.chatWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;

  .content {
    display: flex;
    flex-direction: column;
    // flex: 1;
    flex-grow: 1;
    height: calc(100% - 49px);
    box-sizing: border-box;
  }

  .chatContent {
    background: var(--theme-bg-secondary);
    height: calc(100% - 49px);
    overflow-y: auto;
  }

  .content_left {
    background-color: var(--theme-bg-primary);
  }

  .content_right {
    flex: 1;
    height: 100%;
    overflow-y: scroll;

    .item_list {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      background-color: var(--theme-bg-secondary);
    }
  }

  .iframe {
    display: flex;
    width: 100%;
    height: 100%;
    flex: 1;
    height: 100%;
    overflow-y: scroll;
  }
}